<template>
  <a-card class="app-dashboard-overview" :hoverable="true">
    <a-row :gutter="20">
      <a-col :span="5">
        <h4 class="flag">1</h4>
        <p>待发货订单</p>
      </a-col>
      <a-col :span="5">
        <h4>1</h4>
        <p>维权订单</p>
      </a-col>
      <a-col :span="5">
        <h4>1</h4>
        <p>昨日订单</p>
      </a-col>
      <a-col :span="5">
        <h4>¥0.00</h4>
        <p>昨日交易额</p>
      </a-col>
      <a-col :span="5">
        <h4>¥0.00</h4>
        <p>可提现余额</p>
      </a-col>
    </a-row>
  </a-card>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    return {}
  },
})
</script>

<style lang="scss">
.app-dashboard-overview {
  h4 {
    color: #2a82e4;
    text-align: center;
    font-size: 16px;
    &.flag {
      color: #f55e5e;
    }
  }
  .ant-col {
    p {
      text-align: center;
    }
  }
}
</style>
